<template>
  <div class="monitor-manager">
    <div class="content">
      <MenuTab :menuList="menuList" />
      <router-view />
    </div>
    <div class="footer">
      <hr />
      {{new Date()}}
    </div>
  </div>
</template>

<script>
import MenuTab from "../../components/MenuTab";

const menuList = [
  { path: "/monitor/realtime", value: "实时监控" },
  { path: "/monitor/playback", value: "监控回放" },
  { path: "/monitor/video-upload", value: "监控上传" }
];

export default {
  name: "MonitorMgr",
  components: {
    MenuTab
  },
  data() {
    return { menuList };
  },
  computed: {
    getDateParam() {
      return this.$store.state.dateParam;
    }
  }
};
</script>

<style scoped>
.content {
  display: flex;
}
</style>
